﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="BlueMarineWebClient.Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <title>Blue Marine Hotel Offical Website _ we offer the best !!</title>
    <link rel="stylesheet" type="text/css" href="Styles/style6.css" />
    <script language="javascript" type="text/javascript" src="Scripts/jquery.js"> </script>
    <script language="javascript" type="text/javascript" src="Scripts/jquery.easing.js"> </script>
    <script language="javascript" type="text/javascript" src="Scripts/script.js"> </script>
    <script type="text/javascript">
        $(document).ready(function () {
            var buttons = {
                previous: $('#jslidernews3 .button-previous'),
                next: $('#jslidernews3 .button-next')
            };

            var _complete = function (slider, index) {
                $('#jslidernews3 .slider-description').animate({ height: 0 });
                slider.find(".slider-description").animate({ height: 100 });
            };
            ;
            $('#jslidernews3').lofJSidernews({
                interval: 4000,
                direction: 'opacity',
                easing: 'easeOutBounce',
                duration: 1200,
                auto: true,
                mainWidth: 980,
                buttons: buttons,
                onComplete: _complete
            });
        });
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="TopMainContent">
    <form id="form1" runat="server">
    
    <div id="jslidernews3" class="lof-slidecontent" style="height: auto; width: 600px;">
        <div class="preload">
            <div>
            </div>
        </div>
        <div class="button-previous">
            Previous</div>
        <!-- MAIN CONTENT -->
        <div style="height: 340px; width: 600px;">
            <ul class="sliders-wrap-inner">
                <asp:DataList ID="dlPromotion" runat="server" Width="100%">
                    <ItemTemplate>
                        <li><a target="_parent" title="" href='<%# Eval("PromotionID", "/Promotion.aspx?proID={0}") %>'>
                            <asp:Image ID="imgPrImage" runat="server" Width="600px" Height="340px" ImageUrl='<%# Eval("PromotionID", "images/promotion/{0}.jpg") %>' /></a>
                            <div class="slider-description">
                                <div>
                                    <div class="slider-meta">
                                        <%# Eval("PromotionTitle") %>
                                        <i>Start:
                                            <asp:Label ID="lblStart" runat="server" Text='<%# Eval("PromotionStart", "{0:d}") %>'>></asp:Label>
                                            End:
                                            <asp:Label ID="lblEnd" runat="server" Text='<%# Eval("PromotionEnd", "{0:d}") %>'
                                                Font-Bold="True" ForeColor="Red"></asp:Label></i></div>
                                    <h4>
                                        <asp:Label ID="lblPrTitle" runat="server" Text='<%# Eval("PromotionTitle") %>'></asp:Label></h4>
                                    <p>
                                        <asp:Label ID="lblDes" runat="server" Text='<%# Eval("PromotionDescription") %>'></asp:Label>
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
        </div>
        <!-- END MAIN CONTENT -->
        <div class="button-next">
            Next</div>
    </div>
    <br />
    <div class="content_box">
        <div id="Promotion">
            <h2>
                VIP - the Special Offer</h2>
            <div class="image_wrapper image_fl">
                <span></span>
                <img src="Styles/images/templatemo_image_01.jpg" alt="Image" />
            </div>
            <p>
                Holiday website layout is one of the clean and neat templates for everyone. <a href="http://www.templatemo.com/"
                    target="_parent">templatemo.com</a> provides <a href="http://www.templatemo.com/"
                        target="_parent">free css templates</a> for your personal or commercial
                websites. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">
                    XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">
                        CSS</a>. Credit goes to <a href="http://www.photovaco.com/" target="_blank">Free Photos</a>
                for photos used in this template. Vestibulum fermentum suscipit neque nec ornare.
                Ut nec urna egestas lorem pulvinar placerat eu sit amet nunc.</p>
            <a href="#" class="more float_r"></a>
            <div class="cleaner">
            </div>
        </div>
    </div>
    <asp:DataList ID="dlPromotionList" runat="server" Width="100%">
        <ItemTemplate>
            <div class="content_box">
                <div id="Promotion">
                    <h2>
                        <a target="_parent" title="" href='<%# Eval("PromotionID", "/Promotion.aspx?proID={0}") %>'>
                            <%# Eval("PromotionTitle") %></a></h2>
                    <div class="image_wrapper image_fl">
                        <span></span>
                        <asp:Image ID="imgPrImage" runat="server" ImageUrl='<%# Eval("PromotionID", "images/promotion/{0}.jpg") %>' />
                    </div>
                    <p>
                        <i>start:
                            <asp:Label ID="lblStart" runat="server" Text='<%# Eval("PromotionStart", "{0:d}") %>'></asp:Label>
                            snd:
                            <asp:Label ID="lblEnd" runat="server" Text='<%# Eval("PromotionEnd", "{0:d}") %>'></asp:Label></i></p>
                    <p>
                        <%# Eval("PromotionDescription") %></p>
                    <a href="#" class="more float_r"></a>
                    <div class="cleaner">
                    </div>
                </div>
            </div>
        </ItemTemplate>
    </asp:DataList>
    <div class="col_w260_l">
        <h2>
            Special Package I</h2>
        <p>
            Suspendisse vitae neque eget ante tristique vestibulum. Pellentesque dolor nulla,
            congue vitae, fringilla in, varius a, orci.</p>
        <ul class="tmo_list">
            <li><a href="#">Suspendisse feugiat</a></li>
            <li><a href="#">Utsodales libero ut odio</a></li>
            <li><a href="#">Maecenas venenatis metus</a></li>
        </ul>
    </div>
    <div class="col_w260_r">
        <h2>
            Special Package II</h2>
        <p>
            In hac habitasse platea dictumst. Fusce vitae dolor ut massa gravida. Sed semper
            purus quis est hendrerit. <span class="news_box">Duis dolor.</span></p>
        <ul class="tmo_list">
            <li><a href="#">Utsodales libero ut odio</a></li>
            <li><a href="#">Maecenas venenatis metus</a></li>
            <li><a href="#">Suspendisse feugiat</a></li>
        </ul>
        <p><asp:Label runat="server" ID="lblResult" Text="" /></p>
    </div>
    </form>
</asp:Content>